import {StyleSheet} from 'react-native';
import {getRealSize} from '../../utils';
import ThemeStyles from '../../styles';

const Styles = StyleSheet.create({
  flex1: {
    flex: 1,
  },
  cardContainer: {
    flexDirection: 'row',
    alignItems: 'center',
    justifyContent: 'space-between',
    backgroundColor: '#EEEEEE',
    marginTop: getRealSize(15),
    paddingVertical: getRealSize(15),
    paddingHorizontal: getRealSize(15),
    borderRadius: getRealSize(4),
  },
  cardContent: {
    flex: 1,
  },
  cardTitle: {
    fontSize: getRealSize(16),
    fontWeight: 'bold',
    color: '#333',
  },
  cardExtra: {
    color: ThemeStyles.Color.text.tintGray.color,
    fontSize: getRealSize(12),
    marginRight: getRealSize(15),
  },
  cardThumbnail: {
    width: getRealSize(64),
    height: getRealSize(64),
  },
  upload: {
    height: getRealSize(108),
  },
  cardImage: {
    borderRadius: getRealSize(4),
    borderWidth: StyleSheet.hairlineWidth,
    borderColor: ThemeStyles.Color.line.color,
    alignItems: 'center',
    justifyContent: 'center',
    backgroundColor: '#f7f7f7',
    padding: getRealSize(12),
  },
});

export default Styles;
